<ion-header>
  <ion-toolbar color="secondary">
    <ion-title>
      购物车
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div *ngIf="shoppingCartList.length > 0">
    <div class="goodsWrapper">
      <ul>
        <li *ngFor="let goods of shoppingCartList">
          <div class="goodsBox">
            <div class="imgBox">
              <img class="goodsImg" src="{{goods.productId != null ? goods.image : goods.img}}">
            </div>
            <div class="goodsDesc">
              <p>{{goods.productId != null ? goods.name : goods.name}}</p>
              <p>{{goods.productId != null ? goods.subject : goods.subject}}</p>
            </div>
            <div class="reduceAdd">
              <span>￥{{goods.productId != null ? goods.appPrice : goods.appPrice}}</span><span>￥{{goods.productId != null ? goods.vemPrice : goods.vemPrice}}</span>
            </div>
            <div class="operate">
              <img src="../../assets/images/delete_green.png">
              <span>{{goods.productId != null ? goods.productSelectTimes : goods.comboSelectTimes}}</span>
              <img src="../../assets/images/add_green.png">
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="promotionWrapper">

    </div>
    <div class="payWrapper">
      <div class="payDesc">
        <span class="hj">合计：<strong>12</strong>元</span>
        <span class="coupon">(已优惠￥2.00元)</span>
      </div>
      <div class="payAsyn">
        <span>立即支付<label>（{{shoppingCartList.length}}件）</label></span>
      </div>
    </div>
  </div>
  <div class="cartIsNull" *ngIf="!shoppingCartList.length">
    <div>
      <img src="../../assets/images/care_icon.png">
    </div>
    <div>
      <p>购物车竟然是空的<br>再忙，也要买点什么犒劳自己</p>
    </div>
    <div class="stroll">
      去逛逛
    </div>
  </div>
</ion-content>
